<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 

	<h:head>
		<title>On-the-Fly</title>
		<link href="../08/css/styles.css" rel="stylesheet" type="text/css" />
	</h:head> 
	<body> 
		<h:form>
			<fieldset>
				<legend>On-the-Fly Temperature Converter (with event="keyup")</legend>
				Temperature in Fahrenheit:
					<h:inputText value="#{temperatureConverter.fTemp}">
						<f:ajax event="keyup" render="cField kField" />
					</h:inputText>
					
				<br/>
				
				<h2>
					Temperature in Celsius:
						<h:outputText value="#{temperatureConverter.cTemp}" id="cField"/>
						<br/>
					Temperature in Kelvin:
						<h:outputText value="#{temperatureConverter.kTemp}" id="kField"/>
				</h2>
			</fieldset>
		</h:form>
	</body> 
</html>
